<!--用户账号绑定-->
<div class="my-account-bind">
    <h2>绑定状态</h2>
    <div class="my-account-bind-cont">
        <ul class="flex-h">

           <!--wei bo-->
            <li>
                <div class="img-container flex-abs-mid"><img src="/res/images/cont/account/weibo-100.png" /></div>
                <span class="li-bind btn-unbind">解除绑定</span>

                <div class="bind-box hide">
                   <div class="h">
                        <h3 class="flex-h-mid"><img src="/res/images/cont/account/weibo.png" class="p-gray" /> 解绑新浪账户</h3>
                        <span class="btn-close">关闭</span>
                    </div>

                    <div class="b">
                        <p>解除绑定后，将不能使用新浪微博帐号登录电竞魔方。</p>
                        <span class="btn-unbind">解除绑定</span>
                    </div>

                    <div class="f flex-h-mid flex-h-space">
                        <img src="/res/images/cont/account/logo-rect.png">
                        <img src="/res/images/cont/account/switch.png" />
                        <img src="/res/images/cont/account/weibo-rect.png" />
                    </div>

                </div>
            </li>

            <!--Twitter-->
            <li>
                <div class="img-container flex-abs-mid"><img src="/res/images/cont/account/twitter-100.png" /></div>
                <span class="li-bind  btn-unbind">解除绑定</span>
                <div class="bind-box hide">
                    <div class="h">
                        <h3 class="flex-h-mid"><img src="/res/images/cont/account/twitter.png"  class="p-gray"   /> 解绑Twitter账户</h3>
                        <span class="btn-close">关闭</span>
                    </div>

                    <div class="b">
                        <p>解除绑定后，将不能使用Twitter帐号登录电竞魔方。</p>
                        <span class="btn-unbind">解除绑定</span>
                    </div>

                    <div class="f flex-h-mid flex-h-space">
                        <img src="/res/images/cont/account/logo-rect.png">
                        <img src="/res/images/cont/account/switch.png" />
                        <img src="/res/images/cont/account/twitter-rect.png" />
                    </div>

                </div>
            </li>

            <!--Facebook-->
            <li>
                <div class="img-container flex-abs-mid not-bind"><img src="/res/images/cont/account/facebook-100.png" /></div>
                <span class="li-bind  btn-bind">立即绑定</span>
                <div class="bind-box hide">
                    <div class="h">
                        <h3 class="flex-h-mid"><img src="/res/images/cont/account/facebook.png"  class="p-gray"  /> 绑定Facebook账户</h3>
                        <span class="btn-close">关闭</span>
                    </div>

                    <div class="b">
                        <p>绑定后，可以使用Facebook帐号登录电竞模仿。</p>
                        <span class="btn-bind">立即绑定</span>
                    </div>

                    <div class="f flex-h-mid flex-h-space">
                        <img src="/res/images/cont/account/logo-rect.png">
                        <img src="/res/images/cont/account/switch.png" />
                        <img src="/res/images/cont/account/facebook-rect.png" />
                    </div>

                </div>
            </li>

            <!--qq-->
            <li>
                <div class="img-container flex-abs-mid not-bind"><img src="/res/images/cont/account/qq-100.png" /></div>
                <span class="li-bind  btn-bind ">立即绑定</span>
                <div class="bind-box hide">
                    <div class="h">
                        <h3 class="flex-h-mid"><img src="/res/images/cont/account/qq.png"  class="p-gray"  /> 绑定QQ账户</h3>
                        <span class="btn-close">关闭</span>
                    </div>

                    <div class="b">
                        <p>绑定后，可以使用QQ帐号登录电竞模仿。</p>
                        <span class="btn-bind">立即绑定</span>
                    </div>

                    <div class="f flex-h-mid flex-h-space">
                        <img src="/res/images/cont/account/logo-rect.png">
                        <img src="/res/images/cont/account/switch.png" />
                        <img src="/res/images/cont/account/qq-rect.png" />
                    </div>

                </div>
            </li>
        </ul>
        
    </div>
</div>